<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/app.css">
    <script src="../../flexible.js"></script>
</head>
<body>
<div class="discover">
    <div class="sign_top">
        <div class="discover_input">
            <input type="text" placeholder="搜索周边精彩活动">
            <img src="../../imgs/imgs/sousuo.png" alt="">
        </div>
    </div>
    <div class="discover_banner">
        <img src="../../imgs/imgs/qushijie.png" alt="">
    </div>
    <div class="options">
        <ul>
            <li>

                <a href="#">
                    <img src="../../img/tu3@2x.png" alt="">
                </a>

                <p>上海迪士尼</p>
            </li>
            <li>
                <a href="#">
                    <img src="../../imgs/imgs/zhoubian.png" alt="">
                </a>

                <p>周边&户外</p>
            </li>
            <li>
                <a href="#">
                    <img src="../../imgs/imgs/zhanlan.png" alt="">
                </a>

                <p>展览</p>
            </li>

            <li>
                <a href="#">
                    <img src="../../imgs/imgs/DIY.png" alt="">
                </a>

                <p>DIY</p>
            </li>
            <li>
                <a href="#">
                    <img src="../../imgs/imgs/fa-yund.png" alt="">
                </a>

                <p>
                    运动
                </p>
            </li>
            <li>
                <a href="#">
                    <img src="../../imgs/imgs/fa-sais.png" alt="">
                </a>

                <p>演出&赛事</p>
            </li>
            <li>
                <a href="#">
                    <img src="../../imgs/imgs/fa-juhui.png" alt="">
                </a>

                <p>多人聚会</p>
            </li>
            <li>
                <a href="#">
                    <img src="../../imgs/imgs/shafa.png" alt="">
                </a>

                <p>沙龙讲座</p>
            </li>
        </ul>
    </div>
    <div class="discover_nav">
        <div class="discover_nav_left">
            <div class="discover_nav_left_text">
                <a href="./discover2.html"> <span>附近</span></a>

                <p>查看附近的活动</p>
            </div>
            <div class="discover_nav_left_img">
                <img src="../../imgs/imgs/fujin.png" alt="">
            </div>
        </div>
        <div class="discover_nav_left">
            <div class="discover_nav_left_text">
                <span>日历</span>
                <p>用日历搜索活动</p>
            </div>
            <div class="discover_nav_left_img">
                <img src="../../imgs/imgs/rli.png" alt="">
            </div>
        </div>
    </div>
    <div class="discover_foot_img">
        <img src="../../imgs/imgs/huodongrb.png" alt="">
    </div>
    <footer>
        <ul>
            <li>
                <a href="../start/start1.html">
                    <picture>
                        <source srcset="../../img/Home@2x.png 2x , ../../img/Home@3x.png 3x">
                        <img src="../../img/Home@2x.png" alt="">
                    </picture>
                </a>
                <p>首页</p>
            </li>
            <li>
                <picture>
                    <source srcset="../../img/Light-bulb@2x.png 2x , ../../img/Light-bulb@3x.png 3x">
                    <img src="../../img/Light-bulb@2x.png" alt="">
                </picture>
                <p>发现</p>
            </li>
            <li class="list3">
                <div class="list">

                    <picture>
                        <source srcset="../../img/Settings@2x.png 2x,../../img/Settings@3x.png 3x">
                        <img src="../../img/Settings@2x.png" alt="">
                    </picture>

                </div>
                <p>上传</p>
            </li>
            <li>
                <a href="../news/new.html">

                    <picture>
                        <source srcset="../../img/Flower@2x.png 2x,../../img/Flower@3x.png 3x">
                        <img src="../../img/Flower@2x.png" alt="">
                    </picture>
                </a>
                <p>消息</p>
            </li>
            <li>
                <a href="../my/my1.html">
                    <picture>
                        <source srcset="../../img/Man@2x.png 2x,../../img/Man@3x.png 3x">
                        <img src="../../img/Man@2x.png" alt="">
                    </picture>
                </a>
                <p>我的</p>
            </li>
        </ul>
    </footer>
</div>
</body>
</html>